<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>父传子组件</title>
		<script src="https://unpkg.com/vue@next"></script>
	</head>
	<body>
		<!-- 豆雪琴209010214 -->
		<div id="root">
			<tup :date="num"></tup><!-- 将父亲中的num绑定在子组件的date中 -->
		</div>
		<script>
			const app=Vue.createApp({
				data(){
					return{ //这里也可以使用provide和inject来传递
						num:1 //定义一个变量
					}
				}
			});
			app.component('tup',{  //创建组件
				props:['date'],
				template:`<h1>{{date}}</h1>`
			});
			const vm=app.mount('#root');
		</script>
	</body>
</html>